﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="<%=basePath%>plugins/h_uiadmin_v2.3.4/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="<%=basePath%>plugins/h_uiadmin_v2.3.4/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/Hui-iconfont/1.0.7/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>二维码 管理</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 系统管理 <span class="c-gray en">&gt;</span> 二维码 管理 <a class="btn btn-success btn-refresh radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:void(0);"  onclick="refresh();" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>

<div class="pd-20">
 <form  id="queryForm" action="" method="post">
		<div class="text-c"> 
		用户名:<input type="text" class="input-text" style="width:200px" placeholder="输入用户名" id="userName" name="userName" value="">
		编码:<input type="text" class="input-text" style="width:200px" placeholder="输入用户名" id="code" name="code" value="">
	          手机号码:<input type="text" class="input-text" style="width:200px" placeholder="输入手机号" id="mobileNumber" name="mobileNumber" value="">
			<button type="button" class="btn btn-success radius" id="queryBtn" name="queryBtn"><i class="Hui-iconfont">&#xe665;</i> 搜用户二维码</button>
	    </div>
	</form>

	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><!-- <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> --><%--  <a href="javascript:;" onclick="member_add('新增','<%=basePath%>usermgr/toadd','','680')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 新增用户</a></span>  --%><!-- <span class="r">共有数据：<strong><span id="count"></span></strong> 条</span> --> </div>
	<div class="mt-20">
	<table id="resultTable" class="table table-striped table-border table-bordered " width="100%"> <!-- table  table-bordered table-bg table-hover  table-sort -->
		<thead>
			<tr class="text-c">
				<th width="80">ID</th>
				<th width="">用户名</th>
				<th width="">编码</th>
				<th width="">手机</th>
				<th width="">二维码图片</th>
				<th width="">备注</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody>
		    <tr>
				<td colspan="7"></td> 
			</tr>
			
		</tbody>
	</table>
	</div>
</div>
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/layer/2.1/layer.js"></script>
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/laypage/1.2/laypage.js"></script> 

<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/js/H-ui.js"></script> 
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="<%=basePath%>common/js/cms.js"></script> 
<script type="text/javascript" src="<%=basePath%>common/js/dt.ext.js"></script>
<script type="text/javascript">
$(function(){
	
	var resultTable = null ;
	function search(){
		resultTable = $('#resultTable').dataTable({
			// "aaSorting": [[ 1, "ASC" ]],//默认第几个排序
			//"bStateSave": false,//状态保存
			//"aoColumnDefs": [
			//  {"bVisible": false, "aTargets": [ 3 ]},  //控制列的隐藏显示
			//  {"orderable":false,"aTargets":[0]}// 制定列不参与排序 
			//] ,
			//"bAutoWidth":true  ,  // 自动宽度
			"ordering": true,
    		"info":     true ,
    		"searching":     false ,
    		"pagingType": "full_numbers" , // simple  simple_numbers  full  full_numbers 
    		"lengthMenu": [ 20, 50,100 ] ,
    		// "scrollY": 400,
            // "scrollX": false ,
			"processing": true,                    //加载数据时显示正在加载信息  
	        //"bServerSide": true,                    //指定从服务器端获取数据  
	        "serverSide": true,
	        //"iDisplayLength": 9,					//每页显示10 条数据
	        "ajax": {
	               "url":"<%=basePath%>qrcodemgr/query",
	               "data": function ( d ) {
	                   //添加额外的参数传给服务器
	                   d.extra_search = $("#queryForm").serialize();
	               }},
	        "columns": [
	                    { "data": "id" },
	                    { "data": "userName" },
	                    { "data": "code" },
	                    { "data": "mobileNumber" },
	                    { "data": "mainWxUrl" },
	                    { "data": "comments" },
	                    { "data": null }  
	                  ] ,
	       "columnDefs": [ {
				    	   "targets": 1 ,
				    	   "data":null ,
				    	   render:function(a,b,c,d){
				    		   return '<a href="javascript:void(0)" style="color:red">'+c.userName+'</a>' ;
				    	       }
				          }, 
				          {
					    	   "targets": 4 ,
					    	   "data":null ,
					    	   render:function(a,b,c,d){
					    		   return '<img src='+c.mainWxUrl+' />' ;
					    	       }
					          },
				          { "targets": 6,
	                        "data": null,
	                         render: function (data,type,c,meta) {
	                    	  var  html ="" ;
	                    	  // html  += "<a  title=\"编辑\" href=\"javascript:void(0)\" onclick=\"qrcode_edit('编辑', '"+c.id+"','','650');\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe6df;</i>编辑</a>" ;
	                    	  html  += "<a  title=\"删除\" href=\"javascript:void(0)\" onclick=\"qrcode_delete(this, '"+c.id+"');\" class=\"ml-5\" style=\"text-decoration:none\">删除</a>";
	                          return html;
	                      } ,
	                       "defaultContent": "<button>Click!</button>"
	                  } ]
	         
		});
	}

	  $('#queryBtn').click(function(){
	     resultTable.fnReloadAjax("<%=basePath%>qrcodemgr/query?"+$("#queryForm").serialize()) ; 
		  
	});  
	
	 // init search 
	 search();
});



/*用户-添加*/
function member_add(title,url,w,h){
	layer_show(title,url,w,h);
	
	/* var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index); */
	
}
/*用户-查看*/
function member_show(title,url,w,h){
	layer_show(title,url,w,h);
}
 
/*用户-编辑*/
function qrcode_edit(title,id,w,h){
	 var url ="<%=basePath%>qrcodemgr/toedit?id="+id ;
	 layer_show(title,url,w,h);
}

/*-删除*/
function qrcode_delete(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			url:"<%=basePath%>qrcodemgr/todelete" ,
			type:'POST',
			data:{'id':id},
			dataType:'json',
			success:function(resp){
				 if(resp.success){
					     $(obj).parents("tr").remove();
						layer.msg('已删除!',{icon:1,time:1000});
				 }else{
					 layer.alert( resp.errMsg, {icon: 2},function(index){
						 layer.close(index);
					  });  
				 }
			}
		});
		
	});
}

/**
 * 刷新
 */
function refresh(){
	 location.replace(location.href);
}
</script> 
</body>
</html>